/* 智能停车样式文件 */
/* 将common.less的文件引入首页 @import"文件名" */

@import "common";
* {
    touch-action: pan-y;
  }
/* 页面元素rem 计算公式：元素  / html字体大小(50) */
@basefont:50;

/* 身体 */

.theshow {
    position: relative;
    margin-top: (10rem / @basefont);
    height: (204.8rem / @basefont);
    width: 100%;
    .kefu {
        position: absolute;
        display: block;
        left: 37%;
        top: (80rem / @basefont);
        height: (74rem / @basefont);
        width: (186rem / @basefont);
        background: rgba(28, 147, 244, 0.7);
        color: #fff;
        font-size: 0.6037735849056604rem;
        line-height: (72.45rem / @basefont);
        border-radius: (17.5rem / @basefont);
        text-align: center;
        border: (1rem / @basefont) solid rgba(255, 255, 255, 1);
    }
    .tupian {
        height: 100%;
        width: 100%;
        background: url(../image/客服.jpg) no-repeat center /cover #000 !important;
    }
}


.container .bangzhu,
.container .shigu {
    opacity: 1.0;
    overflow: hidden;
    border-radius: inherit;
    border: inherit;
}

.container .bangzhu .banghead,
.container .shigu .shihead {
    margin-top: (20rem / @basefont);
    height: (95rem / @basefont);
    background-color: #fff;
    border-bottom: #F2F2F2 solid (1.5rem / @basefont);
}

.container .bangzhu .banghead span,
.container .shigu .shihead span {
    position: absolute;
    display: inline;
    margin: (26rem/ @basefont) (0px / @basefont) (0px / @basefont) (35rem / @basefont);
    font-size: (33.6rem / @basefont);
    font-weight: normal;
    color: #3982f7;
}

.container .bangzhu .bangbody,
.container .shigu .shibody {
    height: (704rem / @basefont);
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    padding: (20rem / @basefont) (20rem / @basefont) (0rem / @basefont) (20rem / @basefont);
}

.bangbody .short {
    font-weight: bold;
    padding: (5rem / @basefont) (0rem / @basefont) (0rem / @basefont) (0rem / @basefont);
    font-size: (24rem / @basefont);
    color: #000000;
    line-height: (50rem / @basefont);
    height: (50rem / @basefont);
    width: (675rem / @basefont);
    padding-left: (10rem / @basefont);
    
}

.bangbody .hi,
.shibody .hi {
    display: block;
    width: (675rem / @basefont);
    line-height: (50rem / @basefont);
    font-size: (25rem / @basefont);
    color: #666666;
    height: (99rem / @basefont);
    padding-left: (10rem / @basefont);
    margin: (-5rem / @basefont) (0rem / @basefont) (15rem / @basefont) (0rem / @basefont);
}

.bangbody .hii {
    display: block;
    width: (675rem / @basefont);
    line-height: (24rem / @basefont);
    font-size: (25rem / @basefont);
    color: #666666;
    height:(50rem / @basefont);
    margin-top: (32rem / @basefont);
    padding-left: (10rem / @basefont);
}

.bangbody .hihi {
    display: block;
    width: (675rem / @basefont);
    margin-top: (-5rem / @basefont);
    line-height: (50rem / @basefont);
    font-size: (25rem / @basefont);
    color: #666666;
    height: (148rem / @basefont);
    padding-left: (10rem / @basefont);
}
.container .shigu .shihead{
    margin-top: (0rem / @basefont);
}
.shibody .hi {
    width: (625rem / @basefont);
    margin: (-5rem / @basefont) (0rem / @basefont) (5rem / @basefont) (0rem / @basefont);
}

.shibody div {
    display: block;
    width: (616rem / @basefont);
    line-height: (50rem / @basefont);
    font-size: (24rem / @basefont);
    color: #666666;
    height: (50rem / @basefont);
    margin-top: (32rem / @basefont);
    padding-left: (10rem / @basefont);
    margin: (-5rem / @basefont) (0rem / @basefont) (5rem / @basefont) (0rem / @basefont);
}

.shibody .hihi {
    display: block;
    width: (616rem / @basefont);
    line-height: (50rem / @basefont);
    font-size: (24rem / @basefont);
    color: #666666;
    height: (50rem / @basefont);
    margin-top: (32rem / @basefont);
    padding-left: (10rem / @basefont);
    margin: (5rem / @basefont) (0rem / @basefont) (5rem / @basefont) (0rem / @basefont);
}

.container .shigu .shibody {
    height: (538rem / @basefont);
}